<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<title>設定</title>

<link rel="stylesheet"
	href="../css/sunny/fontsize1.1/jquery-ui-1.10.4.custom.css">
	
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>

<script>
	$(function() {
		$('#birth_on').attr('checked', 'checked');
		$('#email_friend').attr('checked', 'checked');
		$('#intro_on').attr('checked', 'checked');
		$('#sex_off').attr('checked', 'checked');
		$('#post_friend').attr('checked', 'checked');
		$('#res_on').attr('checked', 'checked');
		$('#act_on').attr('checked', 'checked');
		$('#theme_2').attr('checked', 'checked');
		$("p > span").buttonset().css('font-size', '14px');
		
		$("p input").click(function() {
			parent.$().message("設定已儲存");
		});
		
	});
</script>

</head>

<body>

	<form action="#" method="get"
		style="font-size: 16px; font-family: '微軟正黑體'; text-align: center;">
		<p>
			生日：<span> <input id="birth_on" type="radio" name="cf_birth"
				value="on"><label for="birth_on">公開</label> <input
				id="birth_friend" type="radio" name="cf_birth" value="friend"><label
				for="birth_friend">好友</label> <input id="birth_off" type="radio"
				name="cf_birth" value="off"><label for="birth_off">不公開</label></span>
		</p>
		<p>
			email：<span> <input id="email_on" type="radio" name="cf_email"
				value="on"><label for="email_on">公開</label> <input
				id="email_friend" type="radio" name="cf_email" value="friend"><label
				for="email_friend">好友</label> <input id="email_off" type="radio"
				name="cf_email" value="off"><label for="email_off">不公開</label></span>
		</p>
		<p>
			簡介：<span> <input id="intro_on" type="radio" name="cf_intro"
				value="on"><label for="intro_on">公開</label> <input
				id="intro_friend" type="radio" name="cf_intro" value="friend"><label
				for="intro_friend">好友</label> <input id="intro_off" type="radio"
				name="cf_intro" value="off"><label for="intro_off">不公開</label></span>
		</p>
		<p>
			性別：<span> <input id="sex_on" type="radio" name="cf_sex"
				value="on"><label for="sex_on">公開</label> <input
				id="sex_friend" type="radio" name="cf_sex" value="friend"><label
				for="sex_friend">好友</label> <input id="sex_off" type="radio"
				name="cf_sex" value="off"><label for="sex_off">不公開</label></span>
		</p>
		<p>
			預設貼文屬性：<span> <input id="post_on" type="radio" name="cf_post"
				value="on"><label for="post_on">公開</label> <input
				id="post_friend" type="radio" name="cf_post" value="friend"><label
				for="post_friend">好友</label></span>
		</p>
		<p>
			回覆通知：<span> <input id="res_on" type="radio" name="cf_res"
				value="on"><label for="res_on">提醒</label> <input
				id="res_off" type="radio" name="cf_res" value="off"><label
				for="res_off">不提醒</label></span>
		</p>
		<p>
			活動通知：<span> <input id="act_on" type="radio" name="cf_act"
				value="on"><label for="act_on">提醒</label> <input
				id="act_off" type="radio" name="cf_act" value="off"><label
				for="act_off">不提醒</label></span>
		</p>
		<p>
			佈景主題：<span> <input id="theme_1" type="radio" name="cf_theme"
				value="1"><label for="theme_1">主題１</label> <input
				id="theme_2" type="radio" name="cf_theme" value="2"><label
				for="theme_2">主題２</label> <input id="theme_3" type="radio"
				name="cf_theme" value="3"><label for="theme_3">主題３</label></span>
		</p>
	</form>

</body>

</html>